Find the Right
React Components

Ark UI is a modern, headless component library providing 45+ accessible, unstyled UI primitives that work seamlessly across React, Solid, Vue, and Svelte frameworks. Built by the Zag.js team, it leverages a state-machine architecture (XState) under the hood for predictable component behavior with complete styling freedom and WAI-ARIA compliance. Key features include framework-agnostic architecture, keyboard navigation and focus management, composable API design, tree-shakeable exports, and server-side rendering compatibility. Primary use cases include building cross-framework design systems, custom-styled accessible applications, and enterprise UI libraries that need consistent behavior across different frontend stacks. Compared to Radix UI (React/Vue-only) or Headless UI (Tailwind ecosystem only), Ark UI offers broader framework support with React, Solid, Vue, and Svelte all from a single codebase.

Aesthetic is a type-safe, framework-agnostic CSS-in-JS styling library that provides a flexible styling system for JavaScript applications with first-class TypeScript support throughout. It supports multiple styling paradigms including plain JavaScript object styles, stylesheet imports, and external class name references while generating atomic CSS for optimal runtime performance. Key features include framework-agnostic API compatible with React, Vue, Angular, and vanilla JS, atomic CSS generation for minimal bundle size, server-side rendering support out of the box, theme management with CSS custom properties, and comprehensive TypeScript type inference for all style objects. Primary use cases include component library foundations, design system implementations, and multi-framework projects where type safety and performance are priorities. Compared to styled-components or Emotion (which are React-centric and generate duplicate CSS at runtime), Aesthetic offers broader framework support with stronger TypeScript integration and more efficient atomic CSS output, though it has a smaller community and fewer integrations.

Better Auth is a modern, framework-agnostic, type-safe authentication library designed for full-stack JavaScript and TypeScript applications. It provides a comprehensive authentication solution with support for OAuth providers, email/password authentication, magic links, multi-factor authentication, and session management with a developer-first API. Key features include full type safety with TypeScript inference, framework-agnostic design working with React, Next.js, SvelteKit, and others, database adapters for multiple backends, email verification, password reset flows, and built-in security protections including CSRF and rate limiting. Primary use cases include SaaS applications, membership platforms, internal tools, and any full-stack app needing production-ready authentication. Compared to Auth.js (formerly NextAuth.js, which is Next.js-centric) or proprietary solutions like Auth0 (hosted, per-user pricing), Better Auth offers open-source self-hosted authentication with broader framework support and more granular control over auth flows.

Ultra-lightweight state management library for JavaScript applications. Provides a minimal, fast, and framework-agnostic approach to managing global state with support for React through a dedicated integration package.

A minimalistic, framework-agnostic React toast notification library that provides a simple API for displaying unobtrusive messages. It allows complete control over notification appearance and behavior through a straightforward ToastProvider and useToast Hook pattern, though the library is no longer actively maintained.

Modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript. Part of the Visx family, provides composable visualization primitives powered by D3 for building custom dataviz charts.

A fast and flexible drag-and-drop library built on the native HTML5 API, designed as the official evolution of react-beautiful-dnd by Atlassian, supporting multiple frameworks including React, Vue, and Svelte.